﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="textml; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" width="device-width">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta content="telephone=no" name="format-detection">
    <meta name="author" content="order by dede58.com"/>
    <title>首页</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <script src="js/swiper.min.js" type="text/javascript"></script>
    <!--------------------------index header 样式--------------------------------------->
    <script src="js/nav1.js" type="text/javascript"></script>
    <!--------------------------index header 样式--------------------------------------->

    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="css/ie8.css">
    <script src="js/html5.js"></script>
    <![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie9.css">
    <script src="js/html5.js"></script>
    <![endif]-->
    <!--[if !IE]>
    <!-->
    <script>
        if (/*@cc_on!@*/false) {
            document.documentElement.className += ' ie10';
        }
    </script>
    <!--<![endif]-->
</head>

<body class="drawer drawer--right">

<!----------电脑导航-start-------->
<div class="web-nav target">

    <div class="logo">
        <a href="index.html">
            <img src="picture/logo.png"></a>
    </div>
    <div class="web-navers">
        <dl>
            <h3><a href="index.html">网站首页</a></h3>
        </dl>
        <dl>
            <h3><a href="product.html">产品中心</a></h3>
            <h4><a href="product.html">VR游戏</a>
                <a href="product.html">VR房产</a>
                <a href="product.html">VR教育</a>
            </h4>
        </dl>
        <dl>
            <h3><a href="case.html">案例展示</a></h3>
            <h4>
            </h4>
        </dl>



        <dl>
            <h3><a href="news.html">新闻中心</a></h3>
            <h4>
                <a href="news.html">企业新闻</a>
                <a href="news.html">行业资讯</a>
            </h4>
        </dl>
        <dl>
            <h3><a href="about.html">关于我们</a></h3>
            <h4><a href="about.html">公司概况</a>
                <a href="about.html">发展历程</a>
                <a href="about.html">核心团队</a>
                <a href="about.html">核心优势</a>

            </h4>
        </dl>
        <dl>
            <h3><a href="message.html">客户留言</a></h3>
            <h4>
            </h4>
        </dl>
        <dl>
            <h3><a href="contact.html">联系我们</a></h3>
            <h4>
            </h4>
        </dl>
    </div>
    <div class="web-navright">
        <a href="#">
            <img src="picture/nav_right_ino2.png">
            <span id="web-r-topimg">
            <img src="picture/weixin.jpg"><b>官方微信</b>
            </span>
        </a>
    </div>
</div>
<!----------电脑导航-end-------->


<!----------手机导航-start-------->
<header class="h5-naver target">
    <div class="html5">
        <k>
            <a href="index.html">
                <img src="picture/logo.png">
            </a>
        </k>
        <button type="button" class="drawer-toggle drawer-hamburger">
            <span class="drawer-hamburger-icon">
            </span>
        </button>
        <nav class="drawer-nav" role="navigation">
            <ul class="drawer-menu">
                <li>
                    <a class="drawer-menu-item" href="index.html">网站首页</a>
                </li>
                <li class="drawer-dropdown">
                    <a class="drawer-menu-item" href="product.html" data-toggle="dropdown" role="button" aria-expanded="false" class="drawer-menu-item">产品中心
                    <span class="drawer-caret"></span>
                    </a>
                    <ul class="drawer-dropdown-menu">
                        <li>
                            <a class="drawer-dropdown-menu-item" href="product.html">VR游戏</a>
                        </li>

                        <li>
                            <a class="drawer-dropdown-menu-item" href="product.html">VR房产</a>
                        </li>

                        <li>
                            <a class="drawer-dropdown-menu-item" href="product.html">VR教育</a>
                        </li>

                    </ul>
                </li>
                <li class="drawer-dropdown">
                    <a class="drawer-menu-item" href="case.html">案例展示</a>
                        <ul class="drawer-dropdown-menu">
                            <li>

                            </li>
                        </ul>
                </li>
                <li class="drawer-dropdown">
                    <a class="drawer-menu-item" href="news.html">新闻中心</a>
                    <ul class="drawer-dropdown-menu">
                        <li>
                            <a class="drawer-dropdown-menu-item" href="news.html">企业新闻</a>
                        </li>
                        <li>
                            <a class="drawer-dropdown-menu-item" href="news.html">行业新闻</a>
                        </li>
                    </ul>
                </li>
                <li class="drawer-dropdown">
                    <a class="drawer-menu-item" href="about.html" data-toggle="dropdown" role="button" aria-expanded="false">关于我们
                    <span class="drawer-caret"></span>
                    </a>
                    <ul class="drawer-dropdown-menu">
                        <li>
                            <a class="drawer-dropdown-menu-item" href="about.html">公司概况</a>
                        </li>
                        <li>
                            <a class="drawer-dropdown-menu-item" href="about.html">发展历程</a>
                        </li>
                        <li>
                            <a class="drawer-dropdown-menu-item" href="about.html">核心团队</a>
                        </li>
                        <li>
                            <a class="drawer-dropdown-menu-item" href="about.html">核心优势</a>
                        </li>

                    </ul>
                </li>
                <li>
                    <a class="drawer-menu-item" href="message.html">客户留言</a>
                    <ul class="drawer-dropdown-menu">
                        <li>

                        </li>
                    </ul>
                </li>
                <li>
                    <a class="drawer-menu-item" href="contact.html">联系我们</a>
                    <ul class="drawer-dropdown-menu">
                        <li>

                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
</header>
<link href="css/m-header.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/m-header.js"></script>
<script type="text/javascript" src="js/pbl01.js"></script>
<!----------手机导航-end-------->

<!----------------------------------indexbanner 样式 star------------------------------------->

<div class="index_banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/banner2.jpg" alt=""/></div>
            <div class="swiper-slide"><img src="images/banner3.jpg" alt=""/></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

    </div>
</div>

<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })
</script>

<!----------------------------------indexbanner 样式 end------------------------------------->



<!----------4个优势---------->
<div class="index_about">
    <div class="index_about_two target">
        <dl>
            <dd>
                <h1><img src="picture/ico01.png"></h1>
                <h2>6000万投资</h2>
                <h4><a>公司投资</a></h4>
            </dd>
            <dd>
                <h1><img src="picture/ico02.png"></h1>
                <h2>348名</h2>
                <h4><a>技术员工</a></h4>
            </dd>
            <dd>
                <h1><img src="picture/ico03.png"></h1>
                <h2>588家</h2>
                <h4><a>合作企业</a></h4>
            </dd>
            <dd>
                <h1><img src="picture/ico04.png"></h1>
                <h2>2500+</h2>
                <h4><a href="about.html">成功案例</a></h4>
            </dd>
        </dl>
    </div>

<!--优秀的虚拟现实技术-->
    <div class="index_about_one ">
        <div class="index-3 target">
            <video id="media" width="100%" controls preload="" poster="picture/video-bg.jpg">
                <source src="picture/video.mp4" type="video/mp4">
            </video>
         </div>
        <div class="i-a-o-right target"><span></span>
            <h3>优秀的虚拟现实技术</h3>
            <span></span>
            <h4>仿真技术与计算机图形学人机接口技术多媒体技术传感技术网络技术等多种技术的集合。<br>
                虚拟现实技术(VR)主要包括模拟环境、自然技能和传感设备等方面。<br>
                模拟环境是由计算机生成的、实时动态的三维立体逼真图像。
            </h4>
            <h5><a href="picture/video1.mp4" target="_blank"><img src="picture/i-a-o-right1.jpg"></a>
                <a href="picture/video2.mp4" target="_blank"><img src="picture/i-a-o-right2.jpg"></a>
                <a href="picture/video3.mp4" target="_blank"><img src="picture/i-a-o-right3.jpg"></a>
            </h5>
        </div>
    </div>
</div>


<!-------产品分类------->
<div class="index_pro target">
    <a href="product.html">
        <img src="picture/page_course_two_tu02_hover.png">
    <dt>
        <span>
         VR游戏
        </span>
        <font>在游戏领域中开发一片新大陆就需要一种新理念和新模式</font>
        <!--<strong>革命性的人工智能终端计算平台</strong>-->
    </dt>
</a>

    <a href="product.html">
        <img src="picture/page_course_two_tu03_hover.png">
        <dt><span>VR房产</span>
            <font>虚拟现实（VR）主要包括模拟环境、感知、自然技能和传感设备等方面。
            </font>
            <!--<strong>更低功耗的人工智能终端计算平台</strong>-->
        </dt>
    </a>

    <a href="product.html">
        <img src="picture/page_course_two_tu06_hover.png">
        <dt>
            <span>VR教育</span>
            <font>优秀硬核的虚拟现实技术创作令人信服的沉浸式体验没有捷径。 </font>
        </dt>
    </a>
</div>




<!----------------新闻中心---------------->
<div class="index_news target">
    <div class="index_news_n">
        <div class="index_news_n_tit">
            <h1>新闻中心 · NEWS</h1>
            <p></p>
        </div>
        <div class="index_news_n_top">
            <dl>
                <dd><a href="news.html">
                    <h3><img src="picture/1-1zp1095i00-l.jpg"></h3>
                    <h4>
                        <c>360人工智能的落地和实现</c>
                        <b>去年，我们讲到人工智能有“三要素”：算法、算力和数据。从今年开始，我们把场景加入进来，开始...</b></h4>
                </a></dd>
                <dd><a href="news.html">
                    <h3><img src="picture/1-1zp10956370-l.jpg"></h3>
                    <h4>
                        <c>百度AI布局“智慧会展</c>
                        <b>与以往不同的是，本次大会创新性地采用人脸识别方式签到入场，使用由百度人工智能团队和大会官方注册服务...</b></h4>
                </a></dd>
                <dd><a href="news.html">
                    <h3><img src="picture/1-1zp10955380-l.jpg"></h3>
                    <h4>
                        <c>公交将启动ApplePay</c>
                        <b>苹果的 Apple Pay 支付服务除了可以用于网购、实体店支付和 App Store 支付外，还可以支持公交系统的刷卡乘车服务...</b></h4>
                </a></dd>

            </dl>
        </div>


        <h2><a href="news.html">了解更多</a></h2>
    </div>
</div>

<div class="index_apply target" style="background:url(images/index_apply_bj.jpg) fixed; background-size:100%;">
    <h1>视觉探索 追求更好未来</h1>

    <h2><a href="tel:4008-990-990">4008-990-990</a></h2>

</div>




<!--底部footer-->
<div class="in-footer target">
    <div class="in-f-left">
        <dl>
            <h3><img src="picture/in-f-left2.png"><span>服务热线</span></h3>
            <h4>4008-990-990</h4>
        </dl>
        <dl>
            <h3><img src="picture/in-f-left1.png"><span>简历投递</span></h3>
            <h4>bainahr@bainaonline.cn</h4>
        </dl>
    </div>


    <div class="in-f-center">
        <dl>
            <dt><a href="product.html">产品中心</a></dt>
            <dd><a href="product.html">VR游戏</a>
                <a href="product.html">VR房产</a>
                <a href="product.html">VR教育</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="case.html">案例展示</a></dt>
            <dd>
                <a href=""></a>
            </dd>
        </dl>

        <dl>
            <dt><a href="news.html">新闻中心</a></dt>
            <dd>
                <a href="news.html">企业新闻</a>
                <a href="news.html">行业新闻</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="about.html">关于我们</a></dt>
            <dd><a href="about.html">公司概况</a>
                <a href="about.html">发展历程</a>
                <a href="about.html">核心团队</a>
                <a href="about.html">核心优势</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="message.html">客户留言</a></dt>
            <dd>
                <a href=""></a>
            </dd>
        </dl>
        <dl>
            <dt><a href="contact.html">联系我们</a></dt>
            <dd>
                <a href=""></a>
            </dd>
        </dl>

    </div>


    <div class="in-f-right">
        <h3>关注官微</h3>
        <h4><img src="picture/weixin.jpg"><span>微信二维码</span></h4>
    </div>

    <div class="in-f-bottom">
        Copyright &copy; 2020 百度福建营销中心-福建百纳在线网络技术有限公司 版权所有 备案号：闽ICP备****号
    </div>
</div>

<!------------------手机端底部商务组件-------------->


<div class="xf_bottom dis_none">

    <a href="tel:4008-990-990" class="xf_icon1"><i></i>
        <p>电话</p></a>
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" class="xf_icon2"><i></i>
        <p>咨询</p></a>

    <a href="message.html" class="xf_icon3">
        <i></i>
        <p>留言</p>
    </a>
    <a href="" class="xf_icon4" id="top_btn_ft">
        <i></i>
        <p>顶部</p>
    </a>
</div>

<script>$(function(){
    $("#top_btn_ft").click(function(){
        if(scroll=="off") return false;
        $("html,body").animate({ scrollTop: 0}, 600);
        return false;
    });
});
</script>



<!--------------手机端底部商务组件 end-------------->




<script type="text/javascript" src="js/pbl02.js"></script>
<!--手机端的样式-->
<link rel="stylesheet" href="css/h5.css"/>


</body>

</html>
<script type="text/javascript">
    $(function () {
        $("img").removeAttr('title');
    });
</script>
<script>
    window.onload = function() {
    }
</script>
